 <div class="container" data-toggle="clingify">
        <div class="navbar">
          <!--
      mobile collapse menu button
      - data-toggle="toggle" = default BS menu
      - data-toggle="jpanel-menu" = jPanel Menu
      -->
          <a class="navbar-btn" data-toggle="jpanel-menu" data-target=".navbar-collapse">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
          </a>

          <!--user menu-->
          <div class="btn-group user-menu pull-right">
            <a href="#signup-modal" class="btn btn-primary signup" data-toggle="modal">注册</a>
            <a href="#login-modal" class="btn btn-primary dropdown-toggle login" data-toggle="modal">登陆</a>
          </div>

          <!--everything within this div is collapsed on mobile-->
          <div class="navbar-collapse collapse">

            <!--main navigation-->
            <ul class="nav navbar-nav">
              <li class="home-link">
                <a href="index.htm">
                  <i class="fa fa-home"></i>
                  <span class="hidden">首页</span>
                </a>
              </li>

              <li>
                <a href="about.htm" class="dropdown-toggle" data-toggle="dropdown">关于学会 +</a>
                <ul class="dropdown-menu" role="menu" arip-lableledby="about-drop">
                  <li role="presentation">
                    <a role="menuitem" href="about.htm" tabindex="-1" class="menu-item">学会简介</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="#" tabindex="-1" class="menu-item">学会架构</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="team.htm" tabindex="-1" class="menu-item">学会专家</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="contact.htm" tabindex="-1" class="menu-item">联系我们</a>
                  </li>
                </ul>
              </li>
              <li>
                <a href="blog.htm" class="menu-item">新闻动态</a>
              </li>
              <li class="dropdown">
                <a href="about.htm" class="dropdown-toggle" id="about-drop" data-toggle="dropdown">培训中心 +</a>
                <!-- Dropdown Menu -->
                <ul class="dropdown-menu" role="menu" aria-labelledby="about-drop">
                  <li role="presentation">
                    <a role="menuitem" href="about.htm" tabindex="-1" class="menu-item">课程查询</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="team.htm" tabindex="-1" class="menu-item">网上报名</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="contact.htm" tabindex="-1" class="menu-item">成绩查询</a>
                  </li>
                  <li role="presentation">
                    <a role="menuitem" href="contact.htm" tabindex="-1" class="menu-item">等级资格查询</a>
                  </li>
                </ul>
              </li>
              <li class="dropdown">
                <a href="blog.htm" class="dropdown-toggle" id="blog-drop" data-toggle="dropdown">会员功能</a>
              </li>
              
            </ul>
          </div>
          <!--/.navbar-collapse -->
        </div>
      </div>